<template>
	<!-- 我要贷款 -->
	<view>
		<view class="head">
			<image class="image" src="../../static/shop/1595833524878383141.jpg" mode=""></image>
		</view>
		<!-- 类型 -->
		<view class="row1">
			<view class="title">
				选择类型
			</view>
			<view class="ul">
				<view class="li" v-for="(item,index) in list" :key='index' @click="router(index)">
					<view class="left">
						<image class="img1" src="../../static/Home/icon4.png" mode=""></image>
						<view class="text">
							{{item}}
						</view>
					</view>
					<view class="right">
						<image   class="img1" src="../../static/icon/iconRight.png" mode=""></image>
					</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:['按揭贷','房抵贷','车抵贷','装修贷','信用贷','保单贷','过桥贷','退休贷','经营贷','设备贷','其他贷']
			};
		},
		methods:{
			router(index){
				uni.navigateTo({
					url:'../Form/Form'
				})
				// if(index==0){
					
				// }
			}
		}
	}
</script>

<style lang="scss">
	.head{
		
		.image{
			width: 750rpx;
			height: 440rpx;
		}
	}
	.row1{
		margin-top: 30rpx;
		.title{
			font-size: 40rpx;
			color: #333333;
			margin-left: 30rpx;
		}
		.ul{
			width: 90%;	
			margin: auto;
			.li{
				margin-top: 20rpx;
				display: flex;
				justify-content: space-between;
				.left{
					display: flex;
					.text{
						margin-left: 20rpx;
						font-size: 40rpx;
						color: #333;
						line-height: 100rpx;
					}
					.img1{
						width: 100rpx;
						height: 100rpx;	
					}
				}
				.right{
					margin: auto 0;
					.img1{
						width: 15rpx;
						height: 25rpx;	
					}
				}
			}
		}
	}
</style>
